<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script src="../项目/js/ajax.js"></script>
    <script src="../项目/js/api.js"></script>

    <script>

        // JSON报错   后端返回的不是JSON格式的字符串     在调用的时候添加 dataType:'string'

        // ajax是异步的     谁先请求到数据，就先执行谁


        // 回调函数是异步编程的一种解决方案  

        // 地域回调 ， 恐怖回调  回调函数中继续嵌套回调函数


        // 希望的结果是  湖北   武汉   江夏
        // 但是实际上不确定

        // ajax({
        //     url : 'http://43.138.81.225/php/1.php' ,
        //     type : 'get' ,
        //     dataType : 'string',
        //     success : data => {
        //         console.log(data);
        //     }
        // })

        // ajax({
        //     url : 'http://43.138.81.225/php/2.php' ,
        //     type : 'get' ,
        //     dataType : 'string',
        //     success : data => {
        //         console.log(data);
        //     }
        // })

        // ajax({
        //     url : 'http://43.138.81.225/php/3.php' ,
        //     type : 'get' ,
        //     dataType : 'string',
        //     success : data => {
        //         console.log(data);
        //     }
        // })



        // 解决：嵌套  --- 等第一个请求成功以后再请求第二个
        ajax({
            url: 'http://43.138.81.225/php/1.php',
            type: 'get',
            dataType: 'string',
            success: data => {
                console.log(data);
                ajax({
                    url: 'http://43.138.81.225/php/2.php',
                    type: 'get',
                    dataType: 'string',
                    success: data => {
                        console.log(data);
                        ajax({
                            url: 'http://43.138.81.225/php/3.php',
                            type: 'get',
                            dataType: 'string',
                            success: data => {
                                console.log(data);
                            }
                        })
                    }
                })
            }
        })
    </script>

</body>

</html>